@import "~taro-ui/dist/style/components/checkbox.scss";
@import "~taro-ui/dist/style/components/icon.scss";

.fun_test_wrap {
	background-color: #f9f9f9;
	width: 100vw;
	min-height: 100vh;
	padding: 1px 0px 0px 0px;

	.form_box {
		display: flex;
		flex-direction: column;
		padding: 0px 16px;
		background-color: white;
		.form_item {
			height: 60px;
			line-height: 40px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding: 10px 0px;
			box-sizing: border-box;
			border-bottom: 1px solid rgba(#ccc, 0.5);

			.right_box {
				color: #666666;
				display: flex;
				flex-direction: row;

				.t_blue {
					color: #0f8af9;
				}

				.t_red {
					color: rgb(212, 20, 20);
				}

				.unit {
					color: #838282;
					margin-left: 10px;
					position: relative;
					top: 4px;
					font-size: 14px;
				}

				.save_box {
					width: 30px;
					height: 30px;
					background-color: #0f8af9;
					border-radius: 50%;
					margin-left: 6px;
					position: relative;
					top: 6px;

					.mask {
						width: 30px;
						height: 30px;
						z-index: 999;
						// background: rgba(#000, 0.2);
						border-radius: 50%;
						// position: absolute;
						// top: 50%;
						// left: 50%;
						// transform: translate(-50% -50%);
					}
					// overflow: hidden;

					.r_icon {
						z-index: 8;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translateX(-63%) translateY(-52%);
					}
				}

				.is_disabled {
					background-color: #ccc;
				}
			}
			// border: 1px solid red;
		}
	}

	.btn_box {
		margin-top: 30px;
		padding: 20px 30px;
	}
}

.r_icon {
	margin-left: 4px;
}

// $at-switch-title-color: $color-text-base !default; // #333
// $at-switch-title-size: $font-size-base !default; // 14px * 2

/* switch */
.at-switch {
	margin: 0;
}

/* Input Number */
// .at-input-number {
// 	transform: scale(0.6);

// 	.at-input-number__input {
// 		line-height: 80px;
// 	}
// }

.at-input-number {
	width: 160px;
	height: 36px;

	.at-icon {
		font-size: 16px;
	}

	.at-input-number__input {
		font-size: 16px;
	}
}

.btn-max-w {
	margin-left: 10px;
	background: #0f8af9 !important;
	letter-spacing: 2px;
	padding: 0px 7px;
	border-radius: 50%;

	.at-icon {
		font-size: 20px;
	}
}

.flow_switch {
	transform: scale(0.85);
	// width: 80px;
}

.time_select_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	box-sizing: border-box;
}

.time_item_box {
	width: 33.2%;
	height: 40px;
	line-height: 40px;
	// border: 1px solid red;
	padding: 0px 6px 0px 6px;
}

.at-checkbox {
	// transform: scale(0.6);

	.at-checkbox__option {
		padding: 0;
		.at-checkbox__option-wrap {
			font-size: 16px;
			padding: 4px 32px 4px 0;

			.at-checkbox__option-cnt {
				font-size: 16px;
				line-height: 40px;

				.at-checkbox__icon-cnt {
					transform: scale(0.5);
					margin-right: 0px;
				}
			}

			.at-checkbox__title {
				font-size: 16px;
				line-height: 48px;
			}
		}
	}
}
